import React, { Component } from 'react'
// import BScroll from "better-scroll";
export default class classsify extends Component<any,any> {
    state={
        classifyList:["华语男","华语女","华语组合","欧美男","欧美女","欧美组合","韩国男","韩国女","其他男歌手","其他女歌手","其他组合"],
        classifyXu:["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"]
        
    }
    render() {
      
        
        return (
            
                    <div className="classify">
                    <div className="classify-singer">                 
                     <span className="title">分类(默认热门):</span>
                              {
                                  this.state.classifyList.map((item:any,index:number)=>{
                                  return <li key={index}>{item}</li>
                                  })
                              }
                      </div>
                    <div className="classify-xu">
                    <span className="title">首字母:</span>
                              {
                                  this.state.classifyXu.map((item:any,index:number)=>{
                                  return <li key={index}>{item}</li>
                                  })
                              }
                    </div>
                </div>
           
        )
    }
    // componentDidMount(){
    //     const wrapper = document.querySelector('.wrapper')
    //     //选中DOM中定义的 .wrapper 进行初始化
    //     const scroll = new BScroll(wrapper, {
    //       scrollX: true,  //开启横向滚动
    //       click: true,  // better-scroll 默认会阻止浏览器的原生 click 事件
    //       scrollY: false, //关闭竖向滚动
    //     })
    // }
}
